<div id="search-recorder">
  <div class="wrap-search">
    <h1 class="title-search"><?php echo t('Search Pre-recorded') ?></h1>
    <div id="gender-recorder">
      <label><?php echo t('Gender') ?></label>
      <input type="checkbox" id="re-male" name="genre-recorder" value="1" onclick="pre_recorded_search()"> <?php echo t('Male') ?>
      <input type="checkbox" id="re-female" name="genre-recorder" value="0" onclick="pre_recorded_search()"> <?php echo t('Female') ?>
    </div>
    <div id="genre-recorder">
      <label><?php echo t('Genre') ?></label>
      <select id="re-genre" name="genre-recorder" onchange="pre_recorded_search()">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
      </select>
    </div>
    <div id="cost-recorder">
      <label><?php echo t('Cost') ?></label>
      <select id="re-cost" name="cost-recorder" onchange="pre_recorded_search()">
        <option value="false">Select...</option>
        <option value="0">Free</option>
        <option value="1-5">1-5 Credit</option>
        <option value="6-10">6-10 Credit</option>
        <option value="11-15">11-15 Credit</option>
        <option value="16"> > 15 Credit</option>
      </select>
    </div>
    <div style="clear: both"></div>
  </div>
  <div id="result-recorder">
    <?php if(!empty($data['pre-recorded'])) : ?>
      <ul>
      <div id="scrollbar2" class="scroll-bar">
        <div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
        <div class="viewport">
          <div class="overview">
            <div id="pre-recorded">
            <?php foreach($data['pre-recorded'] as $pre_video) : ?>
              <li>
                <a href="<?php echo $pre_video->alias ?>" title="<?php echo $pre_video->title ?>">
                <span>View Video</span>
                <img src="<?php echo image_style_url('pre_recorded_video_thumb', $pre_video->uri) ?>"
                       width="75" height="75" alt="<?php echo $pre_video->title ?>" />
                </a>
                <p><a href="<?php echo $pre_video->alias ?>"><?php echo $pre_video->title ?></a></p>
              </li>
              <div style="clear: both"></div>
             <?php endforeach ?>
            </div>
          </div>
        </div>
      </div>
      </ul>
    <?php endif ?>
  </div>
</div>